
<ion-header>
  <h3 class="head_tit_h3">恒讯云商城</h3>
</ion-header>

<ion-content>

  <ion-refresher color="white" slot="fixed" (ionRefresh)="doRefresh($event)">
    <ion-refresher-content color="white"
      refreshingText="刷新中...">
    </ion-refresher-content>
  </ion-refresher>

  

  <div class="w96">
    <div class="h_title">
      <span class="s_span">恒讯云储分布式存储服务器</span>
      <!-- <div class="s_more" style="float: right;">
        硬件服务费:20%FIL
      </div> -->
    </div>
  

    <div class="shop_box m_bm5">
      <!-- <img src="assets/img/shop_img.png" alt=""> -->

      <!-- <div class="fh_tit">
        <p><span>{{filCost}} </span> <i> Fil/T</i></p>
        <p>当前新增算利成本</p>
      </div> -->
      <div class="shop_bot" *ngFor="let item of productlist;let i=index" (click)="onConfirmorder(item)">
        <div class="df_ja div_one">
          <span class="span_one" [ngClass]="{'span_too': i == 1,'span_tre': i == 0}">{{item.productName}}</span>
          <div class="fh_tit" *ngIf="i == 0">
            <p><span class="span_zore">挖票参与空投</span></p>
            <p>待主网上线兑换节点</p>
          </div>
          <div class="fh_tit" *ngIf="i !== 0">
            <p><span>{{item.averageProfit}}</span> <i *ngIf="i == 1">XCH/T</i><i *ngIf="i == 2">Fil/T</i></p>
            <p>预计日产出</p>
          </div>
        </div>

        <ul class="df_ja">
          <li class="fh_tit">
            <p><span>{{item.productType}}</span> <i *ngIf="i == 0"> 节点/份</i><i *ngIf="i !== 0"> T/份</i></p>
            <p>每份</p>
          </li>
          <li class="fh_tit">
            <p>
              <span *ngIf="item.provisionCycle !== 0">{{item.provisionCycle}}</span>
              <span *ngIf="item.provisionCycle == 0">现货</span> <i> 天</i></p>
            <p>置备时间</p>
          </li>
          <li class="fh_tit">
            <p><span>{{item.manageCostRatio * 100}}</span> <i> %</i></p>
            <p>管理费</p>
          </li>
          <li *ngIf="i == 0" class="fh_tit">
            <p><span>{{item.stock}}</span> <i>个</i></p>
            <p>节点预售</p>
          </li>
          <li *ngIf="i == 2" class="fh_tit">
            <p><span>{{item.filCost}}</span> <i>FIL/T</i></p>
            <p>质押+GAS</p>
          </li>
        </ul>
        <div class="fh_tit df_ja div_tow">
          <p><span>{{item.productUnitPrice.slice(0,-3)}}</span> <i *ngIf="i == 0"> 金币/节点</i><i *ngIf="i !== 0">金币/T</i></p>
          <button class="buttons">点击购买</button>
        </div>
 
      </div>
      
    </div>
  </div>
  

</ion-content>
